<template>
  <div class="footer">
    <router-link :to="{ name: 'Home' }">首页</router-link>
    <router-link :to="{ name: 'Goods' }">商品</router-link>
    <router-link :to="{ name: 'Login' }">登录</router-link>
    <router-link :to="{ name: 'User' }">我的</router-link>
  </div>
</template>
<script lang="ts">
import { Vue, Component } from "vue-property-decorator";
@Component({})
export default class extends Vue {
  mounted(): void {}
}
</script>
<style lang="css">
.footer {
  position: absolute;
  bottom: 0;
  height: 10vh;
  width: 100%;
  display: flex;
  background-color: #f60;
}
.footer a{
  flex: 1;
  justify-content: center;
  align-items: center;
}
</style>
